$(document).ready(function(){

	// initialize scrollable with mousewheel support
	$(".scrollable").scrollable({ vertical: true, mousewheel: true });
	//TOOLTIP
	$(".item a img[title]").tooltip({effect: "fade", position: 'center right',delay: 0});
	$("#imageProduct img[title]").tooltip({effect: "fade", position: 'center right',delay: 0});
	/// TAMANHO
	$(":range").rangeinput();
	
});

// create custom animation algorithm for jQuery called "bouncy"
$.easing.bouncy = function (x, t, b, c, d) {
    var s = 1.70158;
    if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
    return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
}

// create custom tooltip effect for jQuery Tooltip
$.tools.tooltip.addEffect("bouncy",

	// opening animation
	function(done) {
		this.getTip().animate({top: '+=15'}, 500, 'bouncy', done).show();
	},

	// closing animation
	function(done) {
		this.getTip().animate({top: '-=15'}, 500, 'bouncy', function()  {
			$(this).hide();
			done.call();
		});
	}
);


$(".item a img[title]").tooltip({effect: 'bouncy'});
$("#imageProduct img[title]").tooltip({effect: 'bouncy'});